<template>
	<view class="ios-bottom">
		<SortFliter :hintText="hintStr" />
		<view class="body px24">
			<block v-for="(item,index) in 6">
				<GoodsSelect />
			</block>
		</view>
		<view class="footer">
			<view class="footer__box ios-bottom px24 fsc">
				<view class="flex_y">
					<view class="footer__all flex_y">
						<view class="footer__all__circle"></view>全选
					</view>
					<view class="">已选：6</view>
				</view>
				<view class="footer__btn fjc fs28" @click="sureEvent">{{status === 'speed' ? '快速寄售' : '确定选择'}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import SortFliter from '../compontents/SortFliter.vue'
	import GoodsSelect from '../compontents/GoodsSelect.vue'
	export default {
		components: {
			SortFliter,
			GoodsSelect,
		},
		data() {
			return {
				status: null, //当前背包状态
				statuStr: '', //按钮名称
				hintStr: '', //提示信息
			}
		},
		onLoad(options) {
			this.status = options.status
			this.statuStr = this.status === 'speed' ? '快速寄售' : '普通寄售'
			this.hintStr = this.status === 'speed' ? '寄售成功，收益直接到账余额' : '寄售成功，将收取0.1%的手续费，剩余收益将直接到账余额'
			uni.setNavigationBarTitle({
				title: this.statuStr
			})
		},
		methods: {
			sureEvent() {
				uni.navigateTo({
					url: '/pagesBag/sales/salesSure'
				})
			}
		}
	}
</script>

<style lang="scss">
	.body {}

	.footer {
		height: 104rpx;

		&__box {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			height: inherit;
			background: #fff;
		}

		&__all {
			height: 40rpx;
			margin-right: 80rpx;

			&__circle {
				width: 36rpx;
				height: 36rpx;
				margin-right: 12rpx;
				border: 2rpx solid #666;
				border-radius: 50%;
			}
		}

		&__btn {
			width: 240rpx;
			height: 72rpx;
			border-radius: 48rpx;
			color: #fff;
			background: linear-gradient(270deg, #FC4C14 0%, #FD7303 100%);
		}
	}
</style>